<template>
  <div>
    <!-- 返回 -->
    <top-back>
      <template v-slot:back>积分规则</template>
    </top-back>

    <ul>
      <li v-for="(item,index) in list" :key="index">
        <h2>{{item.title}}</h2>
        <p>{{item.txt}}</p>
      </li>
    </ul>
  </div>
</template>

<script>
import TopBack from '@/components/Mine/TopBack'

export default {
  name: 'IntegralView',
  components: {
    TopBack
  },
  data () {
    return {
      list: [
        { title: '一.什么是积分', txt: '这是对积分的描述规则，Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus' },
        { title: '二.如何获得积分', txt: '这是对积分的描述规则，Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus' },
        { title: '三.积分如何使用', txt: '这是对积分的描述规则，Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus' },
        { title: '四.积分规则有哪些', txt: '这是对积分的描述规则，Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus' }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
ul {
  padding: 20px;
  li {
    padding-bottom: 20px;
    h2 {
      padding-bottom: 10px;
      font-size: 16px;
      color: #cc0033;
    }
    p {
      font-size: 14px;
    }
  }
}
</style>
